<!DOCTYPE html>
<html>
    <head>
        <title>Meine Homepage</title>
        <meta name="viewport" content="user-scalable=no, width=device-width" />
        <link rel="stylesheet" type="text/css" href="css/android.css" media="only screen and (max-width: 480px)" />
        <link rel="stylesheet" type="text/css" href="css/desktop.css" media="screen and (min-width: 481px)" />
        <!--[if IE]>
            <link rel="stylesheet" type="text/css" href="explorer.css" media="all" />
        <![endif]-->
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/android.js"></script>
    </head>
    <body>
        <div id="container">
            <div id="header">
                <h1><a href="./">Name der Homepage</a></h1>
                <div id="utility">
                    <ul>
                        <li><a href="#">About</a></li>
                        <li><a href="#">Blog</a></li>
                        <li><a href="#">Contact</a></li>
                    </ul>
                </div>
                <div id="nav">
                    <ul>
                        <li><a href="#">Part 1</a></li>
                        <li><a href="#">Part 2</a></li>
                        <li><a href="#">Part 3</a></li>
                        <li><a href="#">Part 4</a></li>
                    </ul>
                </div>
            </div>
            <div id="content">
                <h2>About</h2>
                <p>Hier steht meine Beschreibung.</p>
            </div>
            <div id="sidebar">
                <p>Meine Sidebar die nicht geht.</p>
            </div>
            <div id="footer">
                <ul>
                    <li><a href="services.html">Services</a></li>
                    <li><a href="about.html">About</a></li>
                    <li><a href="blog.html">Blog</a></li>
                </ul>
                <p class="subtle">Tristan Scherlatzik</p>
            </div>
        </div>
    </body>
</html>
